<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单页</title>
		<link rel="stylesheet" type="text/css" href="css/order.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<script src="js/jquery-1.7.2.min.js"></script>
	</head>

	<body>
		<!--顶部条start-->
		<div id="topbar">
			<div id="center_bar">
				<ul>
					<li>
						<a href="">帮助中心</a>
					</li>
					<li class="app">
						<div class="down">
							<img src="img/app_weixin.png" alt="" />
							<div class="state">美丽说客户端</div>
							<div class="fashion_word">发现流行，只做正确流行款</div>
						</div>
						<a href="">
							<div class="downBefore"></div>下载App
							<div class="downAfter"></div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="order"></div>我的订单</a>
					</li>
					<li>
						<a href="">
							<div class="shopcar"></div>我的购物车</a>
					</li>
					<li>
						<a href="">注册</a>
					</li>
					<li>
						<a href="">登录</a>
					</li>
					<li>
						<a href="">
							<div class="qq"></div>QQ登录</a>
					</li>
					<li>
						<a href="">
							<div class="weixin"></div>微信登录</a>
					</li>
				</ul>
			</div>
		</div>
		<!--顶部条end-->
		<!--搜索start-->
		<div id="search">
			<img src="./img/logo.png" alt="" class="logo" />
			<div class="search">
				<div class="search_table">
					<span class="baby">宝贝</span>
					<span class="littleshop">店铺</span>
				</div>
				<div class="search_box">
					<input type="text" placeholder="帆布鞋 清爽夏日穿搭范本！" />
					<span class="search_btn"></span>
				</div>
				<div class="hot_word">
					<a href="" style="color:#f69;">连衣裙</a>
					<a href="">拖鞋</a>
					<a href="">短裤</a>
					<a href="">套装</a>
					<a href="" style="color:#f69;">泳衣</a>
					<a href="">长裙</a>
					<a href="">睡衣</a>
					<a href="" style="color:#f69;">凉鞋</a>
					<a href="">双肩包</a>
					<a href="">帽子</a>
				</div>
			</div>
		</div>

		<div id="box_body">
			<ul class="ul1">
				<li class="list">
					<a href="" style="color: #FF6699;">我的主页</a><span>></span></li>
				<li class="list">
					<a href="">我的购物车</a><span>></span></li>
				<li class="list">
					<a href="">我的订单</a><span>></span></li>
				<li class="list2">
					我的优惠特权
					<ul>
						<li>
							<a href="">平台优惠券</a>
						</li>
						<li>
							<a href="">店铺优惠券</a>
						</li>
						<li>
							<a href="">会员特权</a>
						</li>

					</ul>
				</li>
				<li class="list2">
					退款维权
					<ul>
						<li>
							<a href="">退款退货</a>
						</li>
						<li>
							<a href="">我的投诉</a>
						</li>

					</ul>
				</li>
				<li class="list2"> 我的小窝
					<ul>
						<li>
							<a href="">喜欢宝贝</a>
						</li>
						<li>
							<a href="">关注铺子</a>
						</li>
						<li>
							<a href="">我的足迹</a>
						</li>

					</ul>
				</li>
				<li class="list2"> 个人设置
					<ul>
						<li>
							<a href="">收货地址</a>
						</li>
						<li>
							<a href="">账号安全</a>
						</li>
					</ul>
				</li>
			</ul>
			<div class="pcenter_content">
				<ul>
					<li style="width: 324px">商品</li>
					<li style="width: 118px">单价(元)</li>
					<li style="width: 69px">数量</li>
					<li style="width: 118px">售后</li>
					<li style="width:126px">实付款(元)</li>
					<li style="width: 126px">交易状态</li>
					<li style="width: 126px">操作</li>
				</ul>
				<table border="0" cellspacing="" cellpadding="">
					<tr class="line1">
						<td>
							<div>
								<span>订单编号： 24685312896404</span>
								<span> 成交时间：2016-07-22 14:25:31 </span>
								<span>店铺：Cat <a href="">联系商家</a></span></div>
						</td>
					</tr>
					<tr class="line2">
						<td class="td1">
							<img src="img/main_pic/main_pic7.jpg" alt="" />
							<p>Cat优雅撞色蕾丝花朵镂空连衣裙</p>
							<span>颜色：白色</span>
							<span>尺码：M</span>
							<ul>
								<li></li>
								<li></li>
							</ul>
						</td>
						<td class="td2">
							<span>664.00</span>
							<span>189.00</span>
						</td>
						<td class="td3">1</td>
						<td class="td4">
							<p>￥ 189.00</p>
							<p>(包邮)</p>
						</td>
						<td class="td5">交易取消<a href="">订单详情</a></td>
						<td class="td6"><a href="">删除订单</a></td>
					</tr>
				</table>
			</div>
		</div>
		<!--<!--底部start-->
		<!--<div id="foot">
			<div id="foot_inner">
				<div class="flist">
					<div class="img"></div>
					<div class="phone">
						<span style="font-size: 20px;">4000-800-577</span>
						<span>美丽说客服热线</span>
						<span>周一至周日：09:00-22:00</span>
					</div>
				</div>
				<ul>
					<li>
						<h4>买家帮助</h4>
						<a href="">新手指南</a>
						<a href="">服务保障</a>
						<a href="">帮助中心</a>
					</li>
					<li>
						<h4>商家帮助</h4>
						<a href="">商家入驻</a>
						<a href="">商家推广</a>
						<a href="">帮助中心</a>
					</li>
					<li>
						<h4>买家帮助</h4>
						<a href="">新手指南</a>
						<a href="">服务保障</a>
						<a href="">帮助中心</a>
					</li>
					<li>
						<h4>关于我们</h4>
						<a href="">关于美丽说</a>
						<a href="">联系我们</a>
						<a href="">加入美丽说</a>
					</li>
					<li>
						<h4>关于我们</h4>
						<a href="">新浪微博</a>
						<a href="">腾讯微博</a>
						<a href="">QQ空间</a>
					</li>
					<li>
						<h4>美丽说微信服务号</h4>
						<img src="img/footweixin.jpg" alt="" style="width: 115px;height: 115px;" />
					</li>
					<li style="margin-top: -20px;">
						<img src="img/kehuduan.png" style="width: 107px;height: 146px;" />
					</li>

				</ul>
				<div class="friend">
					<span>友情链接：</span>
					<ul>
						<li>
							<a href="">商人论坛</a>
							<a href="">和家网</a>
							<a href="">猪八戒网</a>
							<a href="">乐淘网</a>
							<a href="">优惠券</a>
							<a href="">应用汇</a>
							<a href="">名鞋库</a>
							<a href="">爱美赏</a>
							<a href="">马可波罗</a>
							<a href="">悠哉旅游网</a>
						</li>
						<li>
							<a href="">POCO女性</a>
							<a href="">天气预报</a>
							<a href="">爱乐活</a>
							<a href="">蜜芽宝贝</a>
							<a href="">趣分期</a>
							<a href="">蘑菇街女装</a>
							<a href="">背带阔腿裤</a>
							<a href="">QQ钱包</a>
							<a href="">腾讯女性</a>
							<a href="">列表网</a>
						</li>
						<li>
							<a href="">太平洋女性网</a>
							<a href="">多宝汇</a>
							<a href="">七丽女性网</a>
							<a href="">酷我音乐</a>
							<a href="">LADYMAX时尚网</a>
							<a href="">保葫芦</a>
							<a href="">中国品牌服装网</a>
							<a href="">优美网</a>
							<a href="">男士时尚</a>
							<a href="">哈秀时尚网</a>
						</li>
						<li>
							<a href="">365音乐网</a>
							<a href="">婚纱摄影</a>
							<a href="">珂兰钻石</a>
							<a href="">商业资讯</a>
							<a href="">阿里巴巴生意经</a>
							<a href="">家居就</a>
							<a href="">家具网</a>
							<a href="">亿邦动力</a>
							<a href="">爱帮网</a>
							<a href="">大学生分期购物</a>
						</li>
						<li>
							<a href="">商人论坛</a>
							<a href="">和家网</a>
							<a href="">猪八戒网</a>
							<a href="">乐淘网</a>
							<a href="">优惠券</a>
							<a href="">应用汇</a>
							<a href="">名鞋库</a>
							<a href="">爱美赏</a>
							<a href="">马可波罗</a>
							<a href="">悠哉旅游网</a>
						</li>
					</ul>
					<a href="" class="more">更多>></a>
				</div>
				<div class="record">
					<span>Copyright ©2016 Meilishuo.com </span>
					<a href="">电信与信息服务业务经营许可证100798号</a>
					<a href="">经营性网站备案信息</a>
					<span>京ICP备11031139号</span>
					<span>京公网安备110108006045 </span>
					<span>客服电话：4000-800-577</span>
					<span>文明办网文明上网举报电话：010-82615762 </span>
					<a href="">违法不良信息举报中心</a>
					<a href="">我最喜爱的人民警察评选>></a>
					<a href="">反诈骗信息</a>
				</div>
			</div>
		</div>-->
		<!--底部end-->
	</body>

</html>